@import url('~@/styles/mixin.less');

.page {
    width: 100%;
    height: 100%;
    padding: 48px 24px;
    padding-bottom: 0;
    background: linear-gradient(180deg, rgba(30, 190, 173, 0.4) 0%, rgba(240, 242, 245, 0) 100%);

    .plate:not(:last-child) {
        margin-bottom: 24px;
    }
}

.plate {
    width: 702px;
    padding: 32px;
    background: #fff;
    border-radius: 16px;

    &_header {
        margin-bottom: 40px;
        color: #333;
        font-weight: bold;
        font-size: 36px;
        line-height: 50px;
    }

    :global(.adm-list-default .adm-list-body) {
        border: none;
    }
    :global(.adm-list-item-content-prefix) {
        .flex(center, center);
    }
    :global(.adm-form-item-label) {
        min-width: 90px;
        height: 48px;
        display: block;
        white-space: normal;
    }
    :global(.adm-input-element) {
        height: 98px;
        padding: 25px 24px;
        color: #999;
        font-size: 34px;
        line-height: 48px;
        background-color: #f5f5f5;
        border-radius: 8px;
    }
    :global(.adm-list-item:not(:last-child) .adm-list-item-content) {
        margin-bottom: 32px;
    }
    :global(.adm-list-item-content-main) {
        padding: 0;
    }
    :global(.adm-list-item-content) {
        border: none;
    }
    :global(.adm-list-body-inner .adm-list-item-content) {
        --prefix-width: 100px;
        --prefix-padding-right: 32px;
    }

    .teacherCard:not(:last-child) {
        margin-bottom: 16px;
    }
}

.teacherCard {
    position: relative;
    width: 638px;
    padding: 24px;
    background-color: #f6fafa;
    border-radius: 8px;

    &_name {
        color: #333;
        font-weight: bold;
        font-size: 34px;
        line-height: 48px;
        .flex(flex-start, center);

        span {
            position: relative;
            margin-left: 38px;
            color: #1ebead;
            font-size: 30px;
            line-height: 42px;
            &::after {
                position: absolute;
                top: 0;
                left: -40px;
                display: block;
                margin: 0 18px;
                color: #888;
                content: '·';
            }
        }
    }

    &_region {
        margin-top: 16px;
        color: #999;
        font-size: 30px;
        line-height: 42px;
    }
    &_idCard {
        margin-top: 16px;
        color: #999;
        font-size: 30px;
        line-height: 42px;
    }

    &_operation {
        position: absolute;
        top: 50%;
        right: 24px;
        transform: translateY(-50%);
    }
}

.customSex {
    position: relative;
    .flex(flex-start,center);
    &_icon {
        position: absolute;
        top: 50%;
        right: 24px;
        transform: translateY(-50%);
    }
}
